<template>
  <div class="user-box">
    <div class="head">
      <div class="img-box">
        <img class="user-poster" src="../../assets/logo.png">
      </div> 
      <router-link to="login"><p class="username">登录/注册</p></router-link>
    </div>
    
    <van-row class="user-links user-group">
      <van-col span="8" @click.native="$router.push('/collect')">
        <p class="number">238</p>
        收藏夹
      </van-col>
      <van-col span="8">
        <p class="number">238</p>
        关注店铺
      </van-col>
      <van-col span="8">
        <p class="number">238</p>
        足迹
      </van-col>
    </van-row>
    <van-row class="user-links">
      <van-col class="van-col-w20">
        <van-icon name="pending-payment" />
        待付款
      </van-col>
      <van-col class="van-col-w20">
        <van-icon name="logistics" />
        待发货
      </van-col>
      <van-col class="van-col-w20">
        <van-icon name="pending-deliver" />
        待收货
      </van-col>
      <van-col class="van-col-w20">
        <van-icon name="pending-evaluate" />
        待评价
      </van-col>
      <van-col class="van-col-w20">
        <van-icon name="after-sale" />
        退款/售后
      </van-col>
    </van-row>

    <van-cell-group class="user-group">
      <van-cell to="/orderList" icon="records" title="全部订单" isLink />
    </van-cell-group>

    <van-cell-group>
      <van-cell icon="exchange" title="蒸汽积分" isLink />
      <!-- <van-cell icon="gold-coin" title="我的优惠券" isLink /> -->
      <van-cell icon="gift" title="收货地址" to="/address" isLink />
      <van-cell icon="setting" title="设置" isLink />
    </van-cell-group>
  </div>
</template>

<script>
import { Row, Col, Icon, Cell, CellGroup } from 'vant';

export default {
  components: {
    [Row.name]: Row,
    [Col.name]: Col,
    [Icon.name]: Icon,
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup
  }
};
</script>

<style lang="less">

</style>
